<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册页面</title>
    <link rel="stylesheet" href="../src/css/reset.css">
    <link rel="stylesheet" href="../src/css/zhuce.css">
</head>

<body>
    <div id="head"></div>
    <div id="product">
        <div class="product-con">
            <ul>
                <li>
                    <img src="../src/img/goodscate0101cate.jpg" alt="">
                </li>
                <li>
                    <img src="../src/img/goodscate0202cate.jpg" alt="">
                </li>
                <li>
                    <img src="../src/img/goodscate030303cate.jpg" alt="">
                </li>
                <li>
                    <img src="../src/img/goodscate0404cate.jpg" alt="">
                </li>
            </ul>
            <div class="pro-bottom">
                <p>
                    <a href="denglu.html">
                        <img src="../src/img/reg_login_tit_3.jpg" alt="">
                    </a>
                </p>
                <p>
                    <a href="">
                        <img src="../src/img/reg_login_tit_4.jpg" alt="">
                    </a>
                </p>
            </div>
        </div>
    </div>
    <div id="zhuce">
        <div class="zhuce-top">
            <img src="../src/img/reg_log_top.jpg" alt="">
        </div>
        <div class="zhuce-center">
            <div class="tel">
                    <span>手机号：</span>
                    <span><input type="text" id="username"></span>
                   <i>*请准确填写,用于找回密码和接收订单通知等服务</i> 
                </div>
                <div class="mima">
                    <span>密码：</span>
                    <span><input type="password" id="password"></span>
                   <i>*6位以上的字母或数字</i> 
                </div>
                <div class="repmima">
                        <span>确认密码：</span>
                        <span><input type="password" id="password2"></span>
                       <i>*请再次输入密码</i> 
                </div>
                <div class="city">
                    <span>所在城市：</span>
                   <span><input type="radio" name="city">北京市</span>
                   <span><input type="radio" name="city">上海市</span>
                   <span><input type="radio" name="city">其他城市</span> 
                </div>
                <div class="yanzhengma">
                    <span>验证码：</span>
                    <span><input type="text"></span>
                    <p id="ma">
                    </p>
                </div>
                <button id="tijiao" value="提交"></button>
        </div>
        <div class="zhuce-bottom">
            <img src="../src/img/reg_log_ft.jpg" alt="">
        </div>
    </div>
    <div id="foot"></div>
</body>

</html>
<script src="../src/js/jquery.min.js"></script>
<script src="../src/js/zhuce.js"></script>
<script>
    $("#head").load("header.html")
    $("#foot").load("footer.html")
</script>